<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jquery-jsonp</title>
    <script src="./jquery.min.js" ></script>
    <script >
        function getData() {
            $.ajax({
                url: "./jsonp.php",
                type: "get",
                dataType: "text", // 只能是 jsonp
                data: {},// 请求数据       
                // 默认值为 callback, 是回调函数存放的参数名
                // 一旦修改 该属性值，则服务器也需要做对应的修改
                // 一般没有特殊要求时，不修改该设置值
                // jsonp: "callback",
                // 回调函数名， 默认值是 jquery随机生成的字符串。
                // 如果修改成自己制定的方法，还是会执行 success 方法，也会执行 自己对应的方法。
                // 一般不修改。
                // jsonpCallback: "printData",
                success: function(result){
                    console.log(result);
                },
                error: function(){
                    alert("error");
                }
            });
            
            // 可以简写
            $.get("./jsonp.php", {}, function(result){
                console.log('get:', result);
            }, "jsonp");
        }
        function printData(result) {
            console.log('printData:', result);
        }
    </script>
</head>
<body>
    <button onclick="getData()">getData</button>
</body>
</html>